/**
*自定义皮肤
*/
@import "./_reset.less";
@import "./_font.less";
@import "./autocomplete.less";
@import "./datepicker.less";
.btn:focus,.btn:active:focus,.btn.active:focus,.btn:active.focus,.btn.active.focus,*,.pagination>.disabled>a{
	outline:none;
}
.btn{
  background-image:none;
  border: none;
}
.btn .caret{
  margin-left: 2px;
}
//.btn-primary{
//  background-color:@btnColor;
//}
//.btn-primary:hover,
//.btn-primary:active,
//.btn-primary:focus,
//.btn-primary.focus,
//.btn-primary:active:hover,
//.btn-primary.active:hover{
//	background-color:@btnHoverColor;
//}

.btn-radius{
  background-color:@btnRadiusColor;
  border:1px solid @btnRadiusHoverColor;
  color:@btnRadiusHoverColor;
}
.btn-radius:hover,
.btn-radius:active,
.btn-radius:focus,
.btn-radius.focus,
.btn-radius:active:hover,
.btn-radius.active:hover{
	background-color:@btnRadiusHoverColor;
    color:#fff;
}
.btn-darkback{
  background-color:@btnDarkbackColor;
  border:1px solid @btnDarkbackBorderColor;
  color:@btnDarkbackFontColor;
}
.btn-darkback:hover,
.btn-darkback:active,
.btn-darkback:focus,
.btn-darkback.focus,
.btn-darkback:active:hover,
.btn-darkback.active:hover{
	background-color:@btnDarkbackHoverColor;
  color:#fff;
}
.btn-light{
  background-color:@btnLightBackColor;
  border:1px solid @btnLightBorderColor;
  color:@btnLightFontColor;
}
.btn-light:hover,
.btn-light:active,
.btn-light:focus,
.btn-light.focus,
.btn-light:active:hover,
.btn-light.active:hover{
	background-color:@btnLightHoverColor;
  color:#fff;
}
.line-block{
  display: inline-block;
  margin-right:5px;
  vertical-align: top;
}
.form-control:focus {
	border-color: @focusBorderColor
}
.error{
  outline: none;
  border-color: #E76162 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(231,97,98, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(231,97,98, 0.6)
}
.nav{
  background-color:@navBackgroundColor;
}
.aside-menu{
  background-color:@asideBackgroundColor;
}
.modal-content{
  box-shadow:none;
  border:0;
  border-radius: 0;
}

/*toast弹窗*/
.toast-success{
  background-color:@successBgColor;
}
.toast-question{
  background-color:@questionBgColor;
}
.toast-warning{
  background-color:@warningBgColor;
}
.toast-info{
  background-color:@infoBgColor;
}

.ui-select,.ui-dropdown{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  .dropdown-toggle{
    text-align: left;
  }
  .ui-select-name,.ui-dropdown-name{
    padding:6px 22px 6px 10px;
    border:1px solid #ddd;
    border-radius: 2px;
    cursor: pointer;
    min-width:85px;
  }
  .dropdown-menu{
    right:0;
    min-width:80px;
    border:1px solid #ddd;
    max-height: 250px;
    overflow-y: auto;
    overflow-x:hidden;
    li{
      padding:3px 10px;
      cursor: pointer;
      &:hover{
        background-color:#eee;
      }
    }
    li.active{
      background-color:#eee;
    }
  }
  .caret{
    transition: margin ease .3s;
    position: absolute;
    right:8px;
    top:50%;
    margin-top:-2px;
  }
}
.ui-select.dropdown.open,.ui-dropdown.dropdown.open{
  .dropdown-toggle {
    box-shadow: none;
  }
  .caret{
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
  }
}
.form-control {
  border-radius: 0;
  border:1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
  background-color: @asideActiveColor;
  border-color: @asideActiveColor;
}
.pagination>li>a, .pagination>li>span{
  color: @asideActiveColor;
}
.page{
  border-top:1px solid #ddd;
  .operation{
    float:left;
    margin:20px 0;
    label{
      margin-right:10px;
      margin-left: 8px;
      color:#666;
      font-style: normal;
      cursor: pointer;
      input{
        margin-right: 6px;
      }
    }
  }
}
.pages{
  float:right;
  font-size:14px;
  display: inline-block;
  .total{
    vertical-align: top;
    display:inline-block;
    line-height:30px;
    margin: 20px 0;
    color:#666;
    margin-right:20px;
  }
  .pagination-sm>li>a, .pagination-sm>li>span{
    font-size:14px;
  }
}
.table{
  margin-bottom:0;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
  padding: 16px 8px;
  text-align: center;
}